@import '../_common/commonfunc'

.icon-index
  &:before
    content: '\e61e'
    font-size: 36rpx
    // background-image: linear-gradient( 162deg , red, yellow);
    // -webkit-background-clip: text;
    // -webkit-text-fill-color: transparent;
.icon-my
  &:before
    content: '\e601'
    font-size: 36rpx
.icon-good
  &:before
    content: '\e619'
    font-size: 36rpx

.tab-item
  ss-display-flex(column, center, center)

ss-func-fixed($class='.tab-bar')

.tab-bar 
  padding-bottom: env(safe-area-inset-bottom);
  
.tab-bar-item
  position relative
  flex: 1;
  font-size: 22rpx
  ss-display-flex(column, center, center)


// cover-view.reddot
//   position: absolute;
//   left: 53%;
//   top: 3px;
//   width: 24px;
//   height: 18px;
//   overflow hidden
//   font-size: 28rpx;
//   background-color: #f00;
//   color: #fff;
//   border-radius: 18rpx;
//   &.len0
//     left 55%
//     top 7px
//     width 12px
//     height 12px
//     border-radius: 50%
//   &.len1
//     width 20px
//   &.len2
//     width 26px
//   &.len3
//     width 30px

